<template>
<!--空间编辑-->
  <div :style="divStyle">
    <iframe style="height: 100%;width: 100%" :src="iframeSrc" frameborder="0"></iframe>
  </div>
</template>

<script>
export default {
  name: "SpatialEditing",
  props: {
    relateId: {
      type: Number,
      required: false,
      default: ()=>{
        return '5'
      }
    }
  },
  computed: {
    iframeSrc() {
      return `https://gxl.wenzhou.gov.cn:7788/gxledit/#/?relate_id=${this.relateId}`
    }
  },
  data(){
    return{
      divStyle: {
        height: window.getComputedStyle(document.getElementsByClassName('r-content')[0],null).height,
        width: '100%'
      }
    }
  },
  methods: {
  }
}
</script>

<style scoped>

</style>